<template>
  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="contact-support"
    ><path
      d="m13 22-.25-3h-.25q-3.55 0-6.025-2.475T4 10.5t2.475-6.025T12.5 2q1.774 0 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.6 8.6 0 0 1 1.824 2.7A8.3 8.3 0 0 1 21 10.5q0 3.8-2.275 6.812T13 22m-.525-6.025q.425 0 .725-.3t.3-.725-.3-.725-.725-.3-.725.3-.3.725.3.725.725.3M12.5 12.8q.275 0 .5-.2a1 1 0 0 0 .3-.55q.05-.326.275-.588t.775-.812q.45-.45.75-.975t.3-1.125q0-1.275-.862-1.913Q13.675 6 12.5 6q-.874 0-1.512.4t-1.038 1a.62.62 0 0 0-.063.575q.113.3.463.425a.65.65 0 0 0 .5 0q.25-.1.45-.375a1.7 1.7 0 0 1 .488-.45q.287-.175.712-.175.675 0 1.013.375t.337.825q0 .425-.25.762a6 6 0 0 1-.6.688q-.7.6-.938.975-.237.375-.287 1.025-.025.3.188.525.211.225.537.225M15 17v1.35q1.775-1.5 2.887-3.512A8.8 8.8 0 0 0 19 10.5q0-2.725-1.887-4.613Q15.225 4 12.5 4T7.888 5.887Q6 7.775 6 10.5t1.888 4.613T12.5 17z"
  /></SfIconBase>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue';
import { SfIconBase, SfIconSize } from '@storefront-ui/vue';

defineProps({
  size: {
    type: String as PropType<`${SfIconSize}`>,
    default: SfIconSize.base,
  },
});
</script>
